<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>退款管理</title>
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/user/css/baojia.css"/>
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/user/css/TK.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/base.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />-->
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/user/layui/css/layui.css" />
		<script src="{:_SKIN}/user/layui/lay/dest/layui.all.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.layui-table,
			.layui-table th {
				text-align: center;
			}
			.titlebar{
				margin-bottom: 20px;
			}
			.layui-tab-content{
				padding: 0;
				margin-top: -10px;
			}
		</style>
	</head>

	<body>
		<div class="content">
			<div class="titlebar">
				<div class="titlebar-name">退款管理</div>
			</div>
			<div class="refundlist">
				<div class="rl-top">
					<div class="fl d_search">
						<span>订单编号</span> <input type="text" name="saleCode" value="">
						<span>退款编号</span> <input type="text" name="saleBackCode" value="">
						<span>退款状态</span>
						<select id="scl_state" name="" class="siht">
							<option value="">全部</option>
							<option value="4">退款成功</option>
							<option value="-">退款关闭</option>
							<option value="0">退款中</option>
						</select>
					</div>
					<div class="fr">
						<a href="#" id="btn_search" class="rl-search">搜索</a>
						<a href="#" id="btn_reset" class="rl-reset">重置</a>
					</div>
				</div>
				
			<div class="layui-tab">
				<ul class="layui-tab-title">
					<li class="layui-this">我发起的退款申请</li>
					<li>我收到的退款申请</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<table class="layui-table">
							<colgroup>
								<col width="100">
								<col width="150">
								<col>
							</colgroup>
							<thead>
								<tr>
									<th>退款编号</th>
									<th>订单编号</th>
									<th>卖家</th>
									<th>交易金额	</th>
									<th>退款金额	</th>
									<th>起始时-结束时</th>
									<th>退款状态	</th>
									<th>操作	</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>
										<a href="" style="color: red;">删除</a>
									</td>
								</tr>
								
							</tbody>
						</table>
					</div>
					<div class="layui-tab-item">
						<table class="layui-table">
							<colgroup>
								<col width="150">
								<col width="200">
								<col>
							</colgroup>
							<thead>
								<tr>
									<th>退款编号</th>
									<th>订单编号</th>
									<th>买家</th>
									<th>交易金额	</th>
									<th>退款金额	</th>
									<th>起始时-结束时</th>
									<th>退款状态	</th>
									<th>操作	</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>null</td>
									<td>
										<a href="" style="color: red;">删除</a>
									</td>
								</tr>
								
							</tbody>
						</table>
					</div>
				</div>
			</div>

			<script>
				//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
				layui.use('element', function() {
					var element = layui.element();

					//…
				});
			</script>
			</div>
		</div>
	</body>

</html>